<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>板块，主题管理</title>
<link href="/layui/css/layui.css" rel="stylesheet" >
<script type="text/javascript" src="/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/layer/layer.js"></script>
<script type="text/javascript" src="/layui/layui.all.js"></script>
<script type="text/javascript">
	$(function() {
		layui.tree({
			  elem: '#ultree' //传入元素选择器
			  ,nodes: [{ //节点
			    name: '父节点1'
			    ,children: [{
			      name: '子节点11'
			    },{
			      name: '子节点12'
			    }]
			  },{
			    name: '父节点2（可以点左侧箭头，也可以双击标题）'
			    ,children: [{
			      name: '子节点21'
			      ,children: [{
			        name: '子节点211'
			      }]
			    }]
			  }]
			});
		layui.use('tree', function(){
			
			});
		
		$("#bQry").click(function() {
			//小tips
			layer.tips('我是另外一个tips，只不过我长得跟之前那位稍有些不一样。', '吸附元素选择器', {
			  tips: [1, '#3595CC'],
			  time: 4000
			});
			layer.alert('内容')
			//第三方扩展皮肤
			layer.alert('内容', {
			  icon: 1,
			  skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
			})
			//询问框
			layer.confirm('您是如何看待前端开发？', {
			  btn: ['重要','奇葩'] //按钮
			}, function(){
			  layer.msg('的确很重要', {icon: 1});
			}, function(){
			  layer.msg('也可以这样', {
			    time: 20000, //20s后自动关闭
			    btn: ['明白了', '知道了']
			  });
			});
		});
		
		
	})

</script>
</head>
<body>
	<div>
		<div >
			<ul id="ultree"></ul>
		</div>
		<input type="button" id="bQry" value="查询">
	</div>

</body>
</html>